<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>奖励配置</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap-4.0.0.css" rel="stylesheet">
	  	  <script>
    function jumpPage(a) {
        window.location.href=a;
    }
</script>

<script src="./js/奖励配置.js"></script>

  </head>
  <body>
	  <div id="header" style="background-color:hsla(209,17%,16%,1.00);height: 50px;line-height: 50px;padding-right: 10px">
        <p style="color: #FFFFFF;float: right">username  </p></div>
	  <div id="menu" style="background-color:#FFFFFF;height:300px;width:250px;float:left;">
		  
		  <a href=活动中心.html class="btn" style="background:rgba(215,239,247,1.00);width:250px;color:hsla(0,0%,63%,1.00)">活动中心 </a>
		  <a href=抽奖记录.html class="btn" style="background:rgba(215,239,247,1.00);width:250px;color:hsla(0,0%,63%,1.00)">活动详情 </a></div>
	  <div id="content" style="background-color:aliceblue;height:inherit;width:auto;float:left;padding-left:20px;padding-top:10px">
		  <b>
		  <h5>活动中心/活动编辑</h5></b>
		  <div id="huodong" style ="background-color:#FFFFFF;height: 900px;width:inherit;float:left;padding-left:10px;padding-top:20px;text-align:center">
			  <img src="images/奖励设置.png" width="1000"/>
			  <h5 style="color:rgba(188,188,188,1.00)">&nbsp;</h5>
			  <h5 style="color:rgba(188,188,188,1.00)">奖励配置</h5>
		    <p style="color:rgba(188,188,188,1.00)">&nbsp;</p>
		    <div style="padding-right: 20px "> <a onclick="showDia()" class="btn" style="background:rgba(0,133,204,1.00);width:100px;color:rgba(255,255,255,1.00);float: right">添加奖品 </a></div>
			  		 
			  <br>
			    </br>
		  
		  <div style="padding-left: 20px;padding-top: 10px"><table width="95%" border="1"align="center" cellpadding="10" class="table table-striped">
  <tr>
    <td>序号</td>
    <td>奖励等级</td>
	<td>奖项名称</td>
	<td>奖品数量</td>
	<td>抽中概率</td>
	<td>是否中奖</td>
	<td>操作</td>
</tr>
<tr>
    <td> </td>
    <td> </td>
	<td> </td>
	<td> </td>
	<td> </td>
	<td> </td>
	<td> </td>
</tr>
</table></div>
		     
		  
  		    <table align="center" cellpadding="40" >
			  <tr>
			   <td><a href="#" class="btn" onclick="jumpPage('活动规则.html')" style="background:rgba(188,188,188,1.00);width:150px;color:rgba(255,255,255,1.00)">返回上一步 </a></td>
			   <td> <a href="#" class="btn"  onclick="jumpPage('页面设置.html')"style="background:rgba(0,133,204,1.00);width:150px;color:rgba(255,255,255,1.00)">保存并继续设置 </a></td>
				  
			  </tr>
		  </table>
			  
	
		  
			  		


	    </div>
	  
	  
	  
	  </div>
	  
	  <div id='logindialog' class='dialog'>
	  	<div class='frame' style = "width: 700px; background: aliceblue;">				
	  		<img class='close' src='images/ic_close.png'>
	  		<div class='content'>
	  			添加奖品
	  		</div>
			<div>
				<table width="95%" border="1"align="center" cellpadding="10" class="table table-striped">
				<tr>
	  		    <td>奖励等级</td>
	  			<td>奖项名称</td>
	  			<td>奖品数量</td>
	  			<td>抽中概率</td>
				</tr>
				<tr>
					<td><input style="width: 100px" type="number"></td>
					<td><input style="width: 100px" type="text"></td>
					<td><input style="width: 100px" type="number"></td>
					<td><input style="width: 100px" type="text"></td>
				</tr>
				</table>
			</div>
			<table align="center" cellpadding="40" >
			  <tr>
			   <td> <a href="#" class="btn"  onclick=""style="background:rgba(0,133,204,1.00);width:150px;color:rgba(255,255,255,1.00)">保存 </a></td>
			  </tr>
		  </table>
	  	</div>			
	  </div>
	  
		  
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.2.1.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/index.css">
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap-4.0.0.js"></script>
  </body>
</html>